<div class="page-wrapper">
    <!-- Page header -->
    <div class="page-header d-print-none">
      <div class="container-xl">
        <div class="row g-2 align-items-center">
          <div class="col">
            <h2 class="page-title">小红书去水印</h2>
          </div>
        </div>
      </div>
    </div>
    <!-- Page body -->
  <div class="page-body">
    <div class="container-xl">
      <div class="card">
        <div class="row g-0">
            <div class="col-12 col-md-12 d-flex flex-column">
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">请输入小红书作品分享链接</label>
                        <div class="input-group input-group-flat">
                          <textarea class="form-control" rows="5" ng-model="inputText"></textarea>
                          <span class="input-group-text" ng-click="inputText=''">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M18 6l-12 12"></path><path d="M6 6l12 12"></path></svg>
                          </span>
                        </div>
                    </div>
                    <div class="mb-3">
                      <div class="input-group input-group-flat">
                        <input id="opusIndexs" class="form-control" placeholder="请输入作品序号,默认全部,多个用逗号隔开,如:1,2,3" />
                        <span class="input-group-text">
                          <a href="javascript:void(0);" class="link-secondary" onclick="tomSelectIndex.clear();">
                            <i class="icon tabler--x"></i>
                          </a>
                        </span>
                      </div>                        
                    </div>
                    <div class="mb-3">
                        <a href="javascript:void(0);"  class="btn btn-outline-primary" ng-click="parseShare()">
                            解析作品
                        </a>
                        <!--
                        <a href="javascript:void(0);" class="btn btn-outline-success" ng-click="fromClipboard()">
                            读取剪贴板
                        </a>
                        <a href="javascript:void(0);"  ng-show="images.length > 0" class="btn btn-outline-success" ng-click="downloadImages()">
                            下载选中图片
                        </a>
                        -->
                    </div>
                    
                    <div class="mb-3" ng-if="browserInfo.osType=='iOS'" ng-show="images.length > 0">
                      <div class="row g-2">
                        <div class="col-6 col-sm-4" ng-repeat="image in images">
                          <a data-fslightbox="gallery" href="{{image}}">
                            <div class="img-responsive img-responsive-1x1 rounded-3 border" style="background-image: url({{image}})"></div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="mb-3" ng-if="browserInfo.osType!='iOS'" ng-show="images.length > 0">
                      <label class="form-label">Image Check</label>
                      <div class="row g-2">
                        <div class="col-6 col-sm-4" ng-repeat="image in images">
                          <label class="form-imagecheck mb-2">
                            <input name="form-imagecheck" type="checkbox" ng-model="formImg[$index]" class="form-imagecheck-input">
                            <span class="form-imagecheck-figure">
                              <img ng-src="{{image}}" alt="image" class="form-imagecheck-image">
                            </span>
                          </label>
                        </div>
                      </div>
                    </div> 
                </div>            
            </div>
        </div>
      </div>
      <button ng-click="downloadImages()" class="go-to-top visible" ng-if="browserInfo.deviceType=='PC'" ng-show="images.length > 0" aria-label="download image">
        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-up icon" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 3v4a1 1 0 0 0 1 1h4"/><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-4v-6"/><path d="M9.5 14.5L12 17l2.5-2.5"/></g></svg>
      </button>
    </div>
  </div>
</div>